﻿ <!DOCTYPE html>
 <html lang="en">

 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="width=device-width, initial-scale=1">

 	<title> 帕帕兔卫浴官网 | 联系我们 </title>
	<meta name="keywords" content="帕帕兔卫浴,帕帕兔,淋浴房,淋浴房厂">
    <meta name="description" content="佛山市帕帕兔卫浴科技有限公司">

 	<!--Favicon-->
 	<link rel="icon" href="assets/img/favicon.ico" type="image/jpg" />
 	<!-- Bootstrap CSS -->
 	<link href="assets/css/bootstrap.min.css" rel="stylesheet">
 	<!-- Font Awesome CSS-->
 	<link href="assets/css/font-awesome.min.css" rel="stylesheet">
 	<!-- Line Awesome CSS -->
 	<link href="assets/css/line-awesome.min.css" rel="stylesheet">
 	<!-- Animate CSS-->
 	<link href="assets/css/animate.css" rel="stylesheet">
 	<!-- Bar Filler CSS -->
 	<link href="assets/css/barfiller.css" rel="stylesheet">
 	<!-- Magnific Popup Video -->
 	<link href="assets/css/magnific-popup.css" rel="stylesheet">
 	<!-- Flaticon CSS -->
 	<link href="assets/css/flaticon.css" rel="stylesheet">
 	<!-- Owl Carousel CSS -->
 	<link href="assets/css/owl.carousel.min.css" rel="stylesheet">
 	<!-- Style CSS -->
 	<link href="assets/css/style.css" rel="stylesheet">
 	<!-- Responsive CSS -->
 	<link href="assets/css/responsive.css" rel="stylesheet">

 	<!-- jquery -->
 	<script src="assets/js/jquery-1.12.4.min.js"></script>


 </head>

 <body>

 	<!-- Pre-Loader -->
 	<div id="loader">
 		<div class="loading">
 			<div></div>
 		</div>
 	</div>

 	<!-- Header Area -->

 	<!-- Header Area -->

 	<div id="style-2" class="header-area absolute-header">
 		<div class="sticky-area">
 			<div class="navigation">
 				<div class="container">
 					<div class="row">
 						<div class="col-lg-3">
 							<div class="logo" style="height: 100%;line-height: 80px;">
 								<!-- <a href="index.html"><img src="assets/img/logo-white.png" alt="帕帕兔logo"></a> -->
								<a href="index.html" style="font-size: 2.5rem; font-weight: lighter;">帕帕兔卫浴</a>
 							</div>
 						</div>
 						<div class="col-lg-7">
 							<div class="main-menu">
 								<nav class="navbar navbar-expand-lg">
 									<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 										<span class="navbar-toggler-icon"></span>
 										<span class="navbar-toggler-icon"></span>
 										<span class="navbar-toggler-icon"></span>
 									</button>

 									<div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
 										<ul class="navbar-nav m-auto">
 											<li class="nav-item">
 												<a class="nav-link" href="index.html">首页
 													<span class="sub-nav-toggler">
 													</span>
 												</a>
 												<!-- <ul class="sub-menu">
 													<li><a href="index.html">首页</a></li>
 												</ul> -->
 											</li>
 											<!-- <li class="nav-item">
 												<a class="nav-link" href="#">Pages
 													<span class="sub-nav-toggler">
 													</span>
 												</a>
 												<ul class="sub-menu">
 													<li><a href="about.html">About</a></li>
 													<li><a href="choose-us.html">Why Choose Us</a></li>
 													<li><a href="team.html">Team</a></li>
 													<li><a href="price.html">Price</a></li>
 													<li><a href="faq.html">FAQ's</a></li>
 												</ul>
 											</li> -->
											
 											<li class="nav-item">
 												<a class="nav-link" href="services.html">服务
 													<span class="sub-nav-toggler">
 													</span>
 												</a>
 											</li>

 											<li class="nav-item">
 												<a class="nav-link" href="portfolio.html">产品
 													<span class="sub-nav-toggler">
 													</span>
 												</a>
 												<!-- <ul class="sub-menu">
 													<li><a href="portfolio.html">Portfolio</a></li>
 													<li><a href="single-portfolio.html">Portfolio Details</a></li>
 												</ul> -->
 											</li>
 											<!-- <li class="nav-item">
 												<a class="nav-link" href="#">Blog
 													<span class="sub-nav-toggler">
 													</span>
 												</a>
 												<ul class="sub-menu">
 													<li><a href="blog.html">Blog</a></li>
 													<li><a href="single-blog.html">Blog Details</a></li>
 												</ul>
 											</li> -->
											<li class="nav-item">
 												<a class="nav-link" href="about.html">关于我们
 													<span class="sub-nav-toggler">
 													</span>
 												</a>
 											</li>
 											<!-- <li class="nav-item">
 												<a class="nav-link" href="contact.html">联系我们</a>
 											</li> -->
 										</ul>

 									</div>
 								</nav>
 							</div>
 						</div>
 						<div class="col-lg-2 text-right">
 							<div class="header-right-content">
 								<div class="header-btn main-btn"><a class="nav-link" href="contact.html">联系我们</a></div>
 							</div>
 						</div>
 					</div>
 				</div>
 			</div>
 		</div>
 	</div>

 	<!-- Breadcroumb Area -->

 	<div class="breadcroumb-area bread-bg" style="background-image: url(./assets/img/cover1.jpg);">
 		<div class="container">
 			<div class="row">
 				<div class="col-lg-12">
 					<div class="breadcroumb-title text-center">
 						<h1>联系我们</h1>
 						<h5><a href="index.html">首页</a> / 联系我们</h5>
 					</div>
 				</div>
 			</div>
 		</div>
 	</div>

 	<!-- Contact Section -->

 	<div class="contact-section section-padding">
 		<div class="container">
 			<div class="row">
 				<div class="col-lg-6 col-md-6 col-12 wow fadeInLeft">
 					<div class="contact-info">
 						<div class="section-title">
 							<h6>联系方式</h6>
 							<h2>取得 <b>联系</b></h2>
 						</div>
 						<!-- <p>If you have a contact Lorem ipsum dolor sit amet cum maiores, excepturi fuga, est doloremque praesentium!</p> -->
 						<div class="contact-content">
 							<div class="contact-inner">
 								<i class="las la-map-marker"></i>
 								<h6>地址</h6>
 								<p>佛山市南海区大沥镇桂和路水头路段2号</p>
 							</div>
 							<div class="contact-inner">
 								<i class="las la-envelope"></i>
 								<h6>邮箱</h6>
 								<p>453227437@qq.com</p>
 							</div>
 							<div class="contact-inner">
 								<i class="las la-phone"></i>
 								<h6>电话</h6>
 								<p>+86 17605228100</p>
 							</div>
 						</div>
 					</div>
 				</div>
 				<div class="col-lg-6 col-md-6 col-12 wow fadeInRight">
 					<div class="contact-form">
 						<form action="index.html">
 							<div class="row">
 								<div class="col-lg-6 col-md-6 col-12">
 									<input type="text" placeholder="姓名">
 								</div>
 								<div class="col-lg-6 col-md-6 col-12">
 									<input type="email" placeholder="邮箱">
 								</div>
 								<div class="col-lg-6 col-md-6 col-12">
 									<input type="tel" placeholder="手机号">
 								</div>
 								<div class="col-lg-6 col-md-6 col-12">
 									<input type="text" placeholder="主题">
 								</div>
 								<div class="col-lg-12">
 									<textarea name="message" id="message" cols="30" rows="10" placeholder="内容"></textarea>
 								</div>
 								<div class="col-lg-6 col-md-6 col-12">
 									<button class="main-btn">提交</button>
 								</div>
 							</div>
 						</form>
 					</div>
 				</div>
 			</div>
 		</div>
 	</div>

 	<!-- Footer Area -->

	<footer class="footer-area">
		<div class="container">
			<div class="footer-up">
				<div class="row">
					<div class="col-lg-3 col-md-6 col-sm-12">
						<div class="logo">
							<!-- <a href="index.html"><img src="assets/img/logo-white.png" alt="archipix-logo"></a> -->
							<!--If you use text logo instead of img logo-->
							<!-- <a class="navbar-brand" href="index.html">帕帕兔淋浴房</a> -->
						</div>
						<div class="social-area">
							<!-- <a href=""><i class="lab la-facebook-f"></i></a>
						 							<a href=""><i class="lab la-instagram"></i></a>
						 							<a href=""><i class="lab la-twitter"></i></a>
						 							<a href=""><i class="la la-skype"></i></a> -->
						</div>
					</div>
					<div class="col-lg-3 col-md-6 com-sm-12">
						<h6>相关链接</h6>
						<div class="row">
							<div class="col-lg-6">
								<ul>
									<li>
										<a href="about.html">关于我们</a>
										<a href="services.html">服务</a>
										<a href="portfolio.html">产品</a>
										<a href="about.html">联系我们</a>
									</li>
								</ul>
							</div>
							<!-- <div class="col-lg-6">
	 								<ul>
	 									<li>
	 										<a href="#">News</a>
	 										<a href="#">Careers</a>
	 										<a href="#">Help Desk</a>
	 										<a href="#">Shop</a>
	 									</li>
	 								</ul>
	 							</div> -->
						</div>
					</div>
					<div class="col-lg-3 col-md-6 col-sm-12">
						<h6>联系方式</h6>
						<div class="contact-info">
							<p><i class="las la-clock"></i> 7 x 24小时</p>
							<p><i class="las la-map-marker"></i> 佛山市南海区大沥镇桂和路水头路段2号</p>
							<p><i class="las la-phone"></i> (+86)17605228100</p>
							<p><i class="las la-envelope"></i> 453227437@qq.com</p>
						</div>
					</div>
					<!-- <div class="col-lg-3 col-md-6">
	 						<div class="subscribe-form">
	 							<h6>Newsletter</h6>
	 							<form action="index.html">
	 								<input type="email" placeholder="Your email">
	 								<button class="main-btn">Subscribe</button>
	 							</form>
	 						</div>
	 					</div> -->
				</div>
			</div>
		</div>
	</footer>
	
	<div class="footer-bottom">
		<div class="container">
			<div class="row justify-content-center align-items-center">
				<div class="col-lg-6 col-md-6 col-sm-12">
					<p class="copyright-line">© 2023 佛山市帕帕兔卫浴科技有限公司</p>
				</div>
				<!-- <div class="col-lg-6 col-md-6 col-sm-12">
	 					<p class="privacy">Privacy Policy | Terms &amp; Conditions</p>
	 				</div> -->
			</div>
		</div>
	</div>

 	<!-- Scroll Top Area -->
 	<a href="#top" class="go-top"><i class="las la-angle-up"></i></a>


 	<!-- Popper JS -->
 	<script src="assets/js/popper.min.js"></script>
 	<!-- Bootstrap JS -->
 	<script src="assets/js/bootstrap.min.js"></script>
 	<!-- Wow JS -->
 	<script src="assets/js/wow.min.js"></script>
 	<!-- Owl Carousel JS -->
 	<script src="assets/js/owl.carousel.min.js"></script>
 	<!-- Isotope JS -->
 	<script src="assets/js/isotope-3.0.6-min.js"></script>
 	<!-- Way Points JS -->
 	<script src="assets/js/jquery.waypoints.min.js"></script>
 	<!-- Counter Up JS -->
 	<script src="assets/js/jquery.counterup.min.js"></script>
 	<!-- Magnific Popup JS -->
 	<script src="assets/js/magnific-popup.min.js"></script>
 	<!-- Sticky JS -->
 	<script src="assets/js/jquery.sticky.js"></script>
 	<!-- Progress Bar JS -->
 	<script src="assets/js/jquery.barfiller.js"></script>
 	<!-- Main JS -->
 	<script src="assets/js/main.js"></script>

 </body>

 </html>
